<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Title Page</title>

		<!-- Bootstrap CSS -->
		<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> -->

	<link rel="stylesheet" type="text/css" href="http://siteimg.oss-cn-qingdao.aliyuncs.com/bootstrap.min.css">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
		<style type="text/css">
.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background-color:#fff;
	/*color: #eee;*/
}
.nav > li > a{
	border-right-width: 1px;
	border-right-style: solid;
	padding-top: 0;
	padding-bottom:0;
}
a{
	color:#333;
}
.custom dl{
	float : right;
	margin-right: 70px;
}
.radiu{
	border: 1px solid #cccccc;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:25px;
}
.bj{
	background-image:url("http://siteimg.oss-cn-qingdao.aliyuncs.com/login.jpg");
	height:967px;
	width:100%;
}
.tm{
BACKGROUND-COLOR: transparent;
BORDER-BOTTOM: #ffffff 1px solid;
BORDER-LEFT: #ffffff 1px solid;
BORDER-RIGHT: #ffffff 1px solid;
BORDER-TOP: #ffffff 1px solid;
COLOR: #ffffff;
/*HEIGHT: 18px;*/
border-color: #ffffff #ffffff #ffffff #ffffff; font-size: 9pt
}
		</style>
	</head>
	<body>
		
		<nav class="navbar  " role="navigation">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header" style="margin-top:15px">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span> 

					</button>
		<a class="" href="#" ><img src="http://siteimg.oss-cn-qingdao.aliyuncs.com/logo.png"></a>

					<h1 class="pull-right">视诀</h1>
					<!-- style="float:none;padding-top:0;padding-bottom:0;line-height:0" -->
				</div>
		

				<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right" style="margin-top: 56px;"> 
						<li class="active"><a href="#">首页</a></li>
						<li><a href="#">解决方案</a></li>
						<li><a href="#">文档</a></li>
						<li><a href="#">下载</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">关于我们</a></li>
						<li><a href="#" style="border-right:0">开发者平台</a></li>
					</ul>
				 	
					

				</div>
			</div>
		</nav>



		<div class="container bj ">

		<p style="margin-top:160px"></p>

	<form action="" method="POST" role="form" style="width:420px;margin:0 auto">
				
					<p>		<img src="http://siteimg.oss-cn-qingdao.aliyuncs.com/logo_2.png">	</p>


					<div class="form-group">
	<input type="text" class="form-control tm" id="" placeholder="请输入用户名或邮箱(6位以上)">

					</div>
			


				<div class="form-group">
		
	<input type="text" class="form-control tm" id="" placeholder="请输入密码">

					</div>
				
			<div class="form-group">
		
	<input type="text" class="form-control tm" id="" placeholder="请再次输入输入密码(6位以后)">

			</div>
				
				

				<div class="form-group">

		<button type="submit" class="btn btn-primary btn" style="width:100%">注册</button>
		<p class="text-right">  <a href="" style="color:rgb(51, 122, 183)" >登陆</a> </p>
				</div>
				</form>






	<form action="" method="POST" role="form" style="width:420px;margin:0 auto">
				
					<p>		<img src="http://siteimg.oss-cn-qingdao.aliyuncs.com/logo_2.png">	</p>


					<div class="form-group">
	<input type="text" class="form-control tm" id="" placeholder="用户名/邮箱">

					</div>
			


				<div class="form-group">
		
	<input type="text" class="form-control tm" id="" placeholder="密码">

					</div>
				
			
				
				

				<div class="form-group">

		<button type="submit" class="btn btn-primary btn" style="width:100%">登陆</button>
		<p>
			<div class="pull-left">		
				<a href="" style="color:rgb(51, 122, 183)">忘记密码</a> 
	</div>

	<div class="pull-right">
			<a href="" style="color:rgb(51, 122, 183)" class="text-right">注册</a> 

	</div>

		</p>
				</div>
				</form>

		

		</div>
		

		



			

		






		<footer class="container custom">
				<img src="http://siteimg.oss-cn-qingdao.aliyuncs.com/weixin.png" class="pull-right">

				<dl  >
					<dt><h4>联系我们</h3></dt>	
					<dd><a href="">技术支持</a></dd>
					<dd><a href="">业务咨询</a></dd>
					<dd><a href="">市场合作</a></dd>
					<dd><a href="">企业邮箱</a></dd>
				</dl>

				<dl >
					<dt><h4>开发者服务</h3></dt>	
					<dd><a href="">sdk下载</a></dd>
					<dd><a href="">文档中心</a></dd>
					<dd><a href="">开发者中心</a></dd>
				</dl>


				<dl >
					<dt><h4>关于我们</h3></dt>	
					<dd><a href="">公司介绍</a></dd>
					<dd><a href="">联系方式</a></dd>
					<dd><a href="">加入我们</a></dd>
					<dd><a href="">合作伙伴</a></dd>
					<dd><a href="">友情链接</a></dd>
				</dl>


				

		 </footer>



















		<!-- jQuery -->
		<script src="http://siteimg.oss-cn-qingdao.aliyuncs.com/jquery.js"></script>
		<!-- Bootstrap JavaScript -->
		<script src="http://siteimg.oss-cn-qingdao.aliyuncs.com/bootstrap.min.js"></script>
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 		<script src="Hello World"></script>
	</body>
</html>